官方文件將 PrimeVue 提供的元件分為以下 11 類：

1. Form

   將表單有關的輸入框、下拉選單、核取方塊等皆歸類在此。也提供相關 input 變體，如輸入框還提供限制輸入內容的 InputMask、特別為 OTP 打造的 InputOtp、各種輸入框的組合 InputGroup。也有與 quill 整合的文字編輯器 Editor。

2. Button

   提供按鈕與按鈕變體的元件。除了介紹一般按鈕元件，另有 Speed Dial 提供主要操作功能的集合，以及按鈕結合下拉選單的元件，主要按鈕以主要功能為預設，其餘為輔的操作功能放置於下拉選項內。

3. Data

   用多資料渲染顯示的相關元件，比如表格、分頁、樹狀圖及組織圖等，也提供表格結合樹狀圖 TreeTable 組合元件，也提供資料選單的選擇器 PickList、OrderList。

4. Panel

   以可控收合的控制板及相關元件歸類在此，包含控制板所採用的卡片元件、手風琴、Tabs 頁籤切換。

5. Overlay

   此類主要以覆蓋在畫面上的視窗為主要，包含提示視窗、側邊開啟視窗、Tooltip 提示。

6. File

   主要應用於檔案上傳功能，可自行客製上傳的元件。

7. Menu

   提供各類選單相關的元件比如：導覽列選單、麵包屑、面板收合選單等，較常應用在前後台的功能列中。

8. Chart

   整合 Chart.js 的圖表元件，可繪製的圖表種類包含：pie、doughtnut、line、bar、radar 及 polarArea 等。

9. Messages

   提供訊息顯示的視窗，包含 toast 的元件，在各種事件觸發後使用此種類的 Messages 元件顯示觸發後的回傳訊息。

10. Media

    提供系列資訊的展示或預覽功能，包含輪播 Carousel、結合輪播的圖片畫廊 Galleria 及圖片預覽。

11. Misc

    其餘無法歸類的元件則被放入此類中，也包含一些屬性說明。 ScrollTop、ProgressSpinner等較能提升使用者體驗的輔助元件；屬性包含可使元件寬度設定為 100% 的 Fluid 及自動聚焦在輸入框上的 Focus Trap。

官方提供多項模板使用，其中一款免付費的模板為 SAKAI，目前已更新到第四版，該模板提供上述各元件選染後的顯示，以利讓開發者可快速掌握 PrimeVue 提供的元件，模板預覽：https://sakai.primevue.org/。

官方模板連結：https://primevue.org/templates/

接下來會挑選元件進行說明~